
body[data-indigo-app="contribute"] {
    // Do not want to override the blue menu (:not())
    .x-menu:not(.menu-editmode-managers-menu) {
        @include _context-list($CONTRIBUTE-MENUS);
    }

    .x-combo-list {
        @include _combo-list($CONTRIBUTE-MENUS);
    }

    // Show Live Entry even if disabled
    div.x-menu div.x-menu-list-item.x-item-disabled span.x-menu-item.toolbar-item-live { /* OPTIMISE SELECTOR ::: css/app/edit-contribute/_menu-items.scss ::: 1 */
        display: block !important;
        color: rgba(_theme($MENU-OPENED--COLOR, $CONTRIBUTE-MENUS), .6) !important;
        background: _theme($MENU-OPENED--BG, $CONTRIBUTE-MENUS) !important;
    }
}

// Menu Set
.action-toolbar {

    .app-container & {
        &.edit-menu-topright {


            top: 0;
            right: 0;
            width: auto;
            padding: 5px 20px 0 0 !important;
            height: 19px !important;
            background: linear-gradient(to right, rgba(78, 81, 86, 0) 0%, #4e5156 100%) !important;
            min-width: 50%;
            text-align: right;

            body div.x-viewport-editmode & {
                background: transparent!important;
                top: 81px;
                padding-right: 10px !important;
            }

            > table {
                display: inline;
            }

            .x-toolbar-cell {
                display: inline-block;
                margin: 0;
            }

            .action-bar-tool-item {
                background: none;
                margin: 0 8px !important;

                &::after {
                    @include text(_size("small") !important, _theme($TOOL-BUTTON--COLOR, $EDIT-MODE), _weight("light") !important);
                    text-transform: none;
                }
            }

            .x-btn-mc {
                display: none;
            }

            body[data-indigo-sidepanel-pinned="true"] & {
                background: _theme($BODY--HEADER--BG, $EDIT-MODE) !important;
            }

            body[data-sitesettings="true"] & {
                background: _theme($BODY--HEADER--BG, LIGHT) !important;

                .action-bar-tool-item {
                    &::after {
                        color: _color("primary", normal);
                        font-weight: 500 !important;
                    }
                }
            }
        }
    }

    &.edit-menu-centertop {
        position: absolute;
        right: $EDIT-MODE--EDIT-MENU---RIGHT;
        left: $EDIT-MODE--EDIT-MENU---LEFT;
        width: auto;
        height: auto !important;
        display: inline-block;
        top: $EDIT-MODE--EDIT-MENU---TOP;
        body & {
            border-top: $EDIT-MODE--ACTION-TOOLBAR---BORDER !important;
            width: 100%;
        }
        .x-toolbar-cell {
            display: inline-block;
            position: relative;
        }
    }

    // Need more CSS specificity to over ride GWT
    .app-container & {
        background: none !important;
        border: none !important;
    }

    .x-viewport-contributemode & {
        left: 0;
        width: 100% !important;
    }

    display: block;
    height: 40px !important;
    top: 0;
    right: 5px;
    left: auto;
    padding: 5px;
    width: 49px;
    z-index: $ZINDEX--TOOLBAR--CONTAINER;
    overflow: visible !important;
    position: fixed;

    &.edit-menu-centertop {
        body[data-sitesettings="true"] .x-viewport-editmode & {
            display: none !important;
        }
    }

    > table {
        width: 100%;
        display: block;
    }

    // Menu button holder
    .x-toolbar-cell {
        display: block;

        .x-viewport-contributemode & {
            display: inline-block;
            margin-top: 7px;

            .contribute-toolbar-item-upload {
                width: 20px;
                height: 20px;
                background: url(../images/icons_light/add.svg) no-repeat center center; /* OPTIMISE URL ::: css/placeholders/_misc.scss ::: 2 */
                background-size: 18px;
                top: 21px;
                position: fixed;

                td {
                    display: none;
                }
            }

            .contribute-toolbar-item-editcontent {
                background: url( _icon("edit", "white")) no-repeat top 3px left;
                background-size: 21px;
                padding-left: 22px;
                margin-left: 10px;
                margin-top: 4px;

                > tbody {
                    display: none;
                }

                &::after {
                    content: "Edit";
                    line-height: 29px;
                    font-size: 13px;
                    opacity: 1;
                    font-weight: 400;
                }
            }

            .contribute-toolbar-item-newpage {
                background: url(../images/icons_light/add.svg) no-repeat left top 4px; /* OPTIMISE URL ::: css/placeholders/_misc.scss ::: 3 */
                background-size: 19px;
                padding-left: 21px;
                margin-left: 10px;
                margin-top: 4px;

                > tbody {
                    display: none;
                }

                &::after {
                    content: _dictionary("create_page");
                    line-height: 29px;
                    font-size: 13px;
                    opacity: 1;
                    font-weight: 400;
                }
            }
        }

        margin-top: $EDIT-MODE--ACTION-TOOLBAR---CELL;
        opacity: 1;
        pointer-events: all;

        button {
            width: 50px !important;
            height: 35px !important;
            padding: 0 !important;
            background: transparent !important;
            text-indent: -50000px;
        }

        em {
            background: transparent !important;
        }

        .x-item-disabled {
            display: none;
        }

        .x-btn-arrow {
            display: none;
        }

        &:hover {
            cursor: pointer;

            > table:nth-child(1)::after {
                color: _theme($TOOL-BUTTON--COLOR, $APP);
            }
        }

        // Hover States
        > table {
            // Button Icon
            opacity: 1;

            // Button Label
            &:not(.edit-menu-edit)::after {
                opacity: 0.9;
                pointer-events: none;
                width: 100%;
                display: block;
                text-align: center;
                margin-bottom: 0px;

                .x-viewport-contributemode & {
                    margin-bottom: 0;
                }

                @extend %TOOL_BUTTON;
                font-size: 9px;
                text-transform: none;
            }
        }

        .x-btn-mc {
            display: block;
            width: 50px;
            height: 23px;
            margin-bottom: 2px;
            background: transparent !important;
            position: relative;
        }

        &:hover {
            > table {
                // Button Icon
                opacity: 1;

                // Button Label
                &::after {
                    opacity: 1;
                }
            }
        }
    }
}

body:not([data-lang='fr']) .action-toolbar > table,
body:not([data-lang='de']) .action-toolbar > table,
body[data-uilang='en']  .action-toolbar > table {
    margin-left: 110px;
}

body[data-uilang='fr']  .action-toolbar > table {
    margin-left: 92px;
}

body[data-uilang='de']  .action-toolbar > table {
    margin-left: 120px;
}

.toolbar-item-preview.action-bar-tool-item,
.action-bar-tool-item.edit-menu-status {
    height: 23px !important;
    margin-top: 1px;
}

// Fix for x-hide-display when windows is resized.
.edit-menu-topright > table > tbody > tr > td > table > tbody > tr:first-child > td.x-toolbar-cell.x-hide-display, /* OPTIMISE SELECTOR ::: css/app/edit-contribute/_menu-items.scss ::: 2 */
.edit-menu-topright > table > tbody > tr > td > table > tbody > tr:first-child > td.x-toolbar-cell.x-hide-display > table.x-hide-display:not(.x-item-disabled) { /* OPTIMISE SELECTOR ::: css/app/edit-contribute/_menu-items.scss ::: 3 */
    display: block !important;
    float: left;
}

// More info button
.edit-menu-edit {
    /* More Info Button */
    display: block;
    background-size: 20px;
    border-radius: 2px;
    position: fixed;
    width: 28px;
    height: 28px;
    top: 18px;
    right: 14px;
    left: auto !important;
    background: url(../images/more-options-blue.svg) no-repeat center center /17px white;
    border: 1px solid #009fe3!important;

    &:hover {
        background: url(../images/more-options.svg) no-repeat center center /17px _color("tertiary", normal);
    }

    .x-btn-mc {
        display: none;
    }

    &::before {
        left: auto;
        right: -3px;
    }

    body[data-multiselect="on"] & {
        left: 0;


    }

    td {
        /* Hide All the Junk from the old button */
        display: none;
    }
}

// Refresh window Button
.window-actions-refresh {
    pointer-events: all;
    background: url(../images/icons_grey/refresh.svg) no-repeat center #fff;
    background-size: 20px;
    overflow: visible;
    height: 23px;
    width: 23px;
    border-radius: 2px 0 0 2px !important;
    top: 82px;
    left: 10px !important;
    position: absolute;
    margin-left: 0;

    body[data-chrome="false"] & {
        display: none;
    }

    &:hover {
        background-color: #DADADA;
        transition: unset ;
    }

    &:hover {
        &::before {
            opacity: 1;
            background-color: #DADADA;
            transition: unset ;
        }
    }

    &::before {
        content: _dictionary("tooltip_refresh_page");
        top: 0;
        left: 21px;
        position: absolute;
        opacity: 1;
        box-shadow: none;
        font-family: "Nunito Sans", sans-serif;
        font-size: 12px;
        color: #3b464d;
        font-weight: 300;
        text-transform: none;
        pointer-events: auto;
        height: 23px;
        padding: 0 6px 0 4px;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        border-radius: 0 2px 2px 0;
    }

    body[data-sitesettings="true"] & {
        display: none;
    }
}


// View Button
.edit-menu-view {
    position: absolute;
    height: 20px;
    width: 20px;
    display: block;
    opacity: 1;
    margin-bottom: 0 !important;
    transition: _transition("all", "quickest");
    border-radius: 0;
    background: url(../images/icons_light/visibility.svg) no-repeat center center;
    top: 22px !important;
    background-size: 23px 23px;

    .x-viewport-editmode & {
        height: 14px;
        width: 15px;
        left: -30px !important;
        top: -6px !important;
        background: $EDIT-MODE--ACTION-TOOLBAR---ARROW; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 1 */
        border-radius: 2px;

        &:hover {
            background-color: $EDIT-MODE--ACTION-TOOLBAR-BG---HOVER !important;
            left: -28px !important;
        }


        border-left: $EDIT-MODE--ACTION-TOOLBAR---BORDER!important;
        padding-left: 2px;

        &:hover {
            background-color: $EDIT-MODE--ACTION-TOOLBAR-BG---HOVER !important;
            left: -30px !important;
        }
    }

    .x-btn-mc {
        width: 20px !important;
        @include tooltip(_dictionary("tooltip_preview"), "BOTTOM");
        display: none;
    }
}

.toolbar-item-preview.action-bar-tool-item {
    width: auto;
    background: url($PREVIEW-ICON) no-repeat left 2px top;
    background-size: 23px 23px;
    padding-left: 25px;
    height: 22px;
    left: auto !important;
    top: auto !important;
    position: relative;
    margin-right: 30px !important;
    padding-right: 6px;
    border-radius: 2px;
    transition: _transition("all", "quickest");

    &:hover {
        background-color: $EDIT-MODE--ACTION-TOOLBAR-BG---HOVER;
    }

    &::before {
        content: _dictionary("context_menu_preview_page");
        display: block;
        @include text($EDIT-MODE--ACTION-TOOLBAR---FONT-SIZE, _theme($TOOL-BUTTON--COLOR, $EDIT-MODE), _weight("light"));
        top: 3px;
        position: relative;
    }

    .x-btn-mc {
        display: none;
    }

    .hover-preview-advanced & {
        background-color: rgba(245, 245, 245, 0.0784);
    }

    body[data-multiselect="on"] & {
        &::before {
            content: _dictionary("context_menu_preview_selection");
        }
    }
}

// Status Button
.edit-menu-status {
    background: url($CACHE-ICON) left center no-repeat, url($EDIT-MODE--ACTION-TOOLBAR---SIMPLE-ARROW) no-repeat right 2px center transparent; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 2 */ /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 2b */
    background-size: 22px, 15px;
    padding-left: 25px;
    height: 22px;
    left: auto !important;
    top: auto !important;
    position: relative;
    margin-right: 19px !important;
    padding-right: 19px;
    border-radius: 2px;
    transition: _transition("all", "quickest");
    margin-top: 0;
    display: inline-block;
    width: auto;

    &::after {
        content: _dictionary("status");
        display: block;
        font-family: "Nunito Sans", sans-serif;
        font-size: $EDIT-MODE--ACTION-TOOLBAR---FONT-SIZE !important;
        color: whitesmoke;
        font-weight: 300 !important;
        text-transform: none !important;
        top: 3px;
        position: relative;
    }

    &:hover {
        background-color: $EDIT-MODE--ACTION-TOOLBAR-BG---HOVER;
    }

    .x-btn-mc {
        display: none !important;
    }
}

// Publication Button
.contribute-menu-publication {
    position: fixed !important;
    right: 322px;
    top: 21px;

    body[data-contribute-mode="content"] &,
    body[data-contribute-mode="files"] & {
        background: url(../images/icons/context-menu/publish.png) no-repeat center left 4px; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 3 */
        background-size: 21px;
    }

    body[data-contribute-mode="content"][data-contribute-displaying-node="true"] & {
        background: url( _icon("displayThumbs", "white")) no-repeat top 5px center / 14px;
        background-position: top 3px left !important;

    }

    background-position: top left !important;
    padding-left: 32px;

    > tbody {
        display: none;
    }

    &::before {
        top: -4px !important;
        left: 12px !important;
    }

    &::after {
        line-height: 23px;
        font-size: 11px !important;
        opacity: 1 !important;
    }
}

.publication-status-tooltip {
    @include text(13px, _color("secondary"), _weight("normal"));
    background: hsla(210, 4%, 34%, 0.82);
    position: absolute;
    right: 0;
    left: auto;
    top: 26px;
    padding: 6px 14px;
    box-shadow: 0 11px 14px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    transition: _transition("opacity", "quickest");

    &.indigo-show {
        transition: _transition("opacity", "normal", "slow");
        opacity: 1;
    }

    .publication-status-label {
        margin-bottom: 6px;
        display: block;
    }

    .publication-status-label,
    .publication-status-path {
        white-space: nowrap;
        color: inherit;

        &::before {
            content: attr(data-label);
            margin-right: 5px;
            font-weight: _weight("bold");
        }
    }
}


.publication-status {
    display: none;
    position: fixed;
    width: auto;
    height: auto;
    right: 13px;
    left: auto !important;
    top: 53px !important;
    border-radius: 20px;
    padding: 2px 10px;
    z-index: 110;

    &:before {
        @include text(_size("small"), _color("secondary"), _weight("normal"));
        text-transform: capitalize;
    }

    &:hover {
        cursor: default;
    }

    &:hover > div {
        opacity: 1;
    }

    body[data-indigo-sidepanel-pinned="true"] & {
        top: 43px;
    }

    &[data-publication-status="conflict"] {
        /* Conflict */
        background-color: _color("status", conflict);

        &:before {
            content: _dictionary("conflict");
        }
    }

    &[data-publication-status="deleted"] {
        /* Deleted */
        background-color: _color("status", deleted);

        &:before {
            content: _dictionary("deleted");
        }
    }

    &[data-publication-status="livemodified"] {
        /* Live Modified */
        background-color: _color("status", livemodified);

        &:before {
            content: _dictionary("livemodified");
        }
    }

    &[data-publication-status="liveonly"] {
        /* Live Only */
        background-color: _color("status", liveonly);

        &:before {
            content: _dictionary("liveonly");
        }
    }

    &[data-publication-status="locked"] {
        /* Locked */
        background-color: _color("status", locked);

        &:before {
            content: _dictionary("locked");
        }
    }

    &[data-publication-status="mandatorylanguageunpublishable"] {
        /* Mandatory Language Unpublishable */
        background-color: _color("status", mandatorylanguageunpublishable);

        &:before {
            content: _dictionary("mandatorylanguageunpublishable");
        }
    }

    &[data-publication-status="mandatorylanguagevalid"] {
        /* Mandatory Language Valid */
        background-color: _color("status", mandatorylanguagevalid);

        &:before {
            content: _dictionary("mandatorylanguagevalid");
        }
    }

    &[data-publication-status="markedfordeletion"] {
        /* Marked FOr Deletion */
        background-color: _color("status", markedfordeletion);

        &:before {
            content: _dictionary("markedfordeletion");
        }
    }

    &[data-publication-status="modified"] {
        /* Modified */
        background-color: _color("status", modified);

        &:before {
            content: _dictionary("modified");
        }
    }

    &[data-publication-status="multipleWF"] {
        /* Multiple WF */
        background-color: _color("status", multipleWF);

        &:before {
            content: _dictionary("multipleWF");
        }
    }

    &[data-publication-status="notpublished"] {
        /* Not Published */
        background-color: _color("status", notpublished);

        &:before {
            content: _dictionary("notpublished");
        }
    }

    &[data-publication-status="oneWF"] {
        /* One WF */
        background-color: _color("status", oneWF);

        &:before {
            content: _dictionary("oneWF");
        }
    }

    &[data-publication-status="published"] {
        /* Published */
        background-color: _color("status", published);

        &:before {
            content: _dictionary("published");
        }
    }

    &[data-publication-status="unpublished"] {
        /* Unpublished */
        background-color: _color("status", unpublished);

        &:before {
            content: _dictionary("unpublished");
        }
    }

    &[data-publication-status="waiting"] {
        /* Waiting */
        background-color: _color("status", waiting);

        &:before {
            content: _dictionary("waiting");
        }
    }

    &[data-publication-status="workinprogress"] {
        /* Work In Progress */
        background-color: _color("status", workinprogress);

        &:before {
            content: _dictionary("workinprogress");
        }
    }

    body[data-indigo-app="edit"]:not([data-multiselect="on"]):not([data-sitesettings="true"]) & {
        display: block;
    }
}

.edit-menu-publication,
.contribute-menu-publication {
    position: relative;
    background: url(../images/tabs-publish-white@X2.png) no-repeat left center; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 4 */
    background-size: 23px;

    .x-viewport-contributemode & {
        background: url(../images/icons/context-menu/publish.png) no-repeat center left 4px; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 5 */
        background-size: 21px;

        &::before {
            display: block;
        }

        &::after {
            font-weight: 300 !important;
            opacity: 0.9 !important;
            font-size: 13px!important;
        }
    }

    body[data-sitesettings="false"][data-indigo-sidepanel-pinned="true"][data-multiselect="on"] & {
        background-image: url(../images/icons/multiple_selection-grey@2x.png); /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 6 */
    }

    &::after {
        content: _dictionary("publish");
    }

    .x-btn-mc {
        .x-viewport-contributemode & {
            @include tooltip(attr(data-publication-label), "BOTTOM");
        }

        .x-viewport-editmode & {
            @include tooltip(attr(data-publication-label), "LEFT");
        }
    }

    &::before {
        content: "Y";
        position: absolute;
        top: -9px;
        right: 5px;
        background: tranparent;
        width: 17px;
        height: 17px;
        text-indent: -50000px;
        border-radius: 100%;
        box-shadow: 0px 3px 8px 0px rgba(38, 38, 38, 0.5);
        opacity: 1 !important;
        display: none;

        body[data-multiselect="on"] & {
            display: none;
        }
    }

    &[data-publication-status="conflict"] {
        /* Conflict */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", conflict) top 1px center / 13px;
        }

    }

    &[data-publication-status="deleted"] {
        /* Deleted */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", deleted) top 1px center / 13px;
        }

    }

    &[data-publication-status="livemodified"] {
        /* Live Modified */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", livemodified) top 1px center / 13px;
        }

    }

    &[data-publication-status="liveonly"] {
        /* Live Only */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", liveonly) top 1px center / 13px;
        }

    }

    &[data-publication-status="locked"] {
        /* Locked */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", locked) top 1px center / 13px;
        }

    }

    &[data-publication-status="mandatorylanguageunpublishable"] {
        /* Mandatory Language Unpublishable */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", mandatorylanguageunpublishable) top 1px center / 13px;
        }
    }

    &[data-publication-status="mandatorylanguagevalid"] {
        /* Mandatory Language Valid */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", mandatorylanguagevalid) top 1px center / 13px;
        }
    }

    &[data-publication-status="markedfordeletion"] {
        /* Marked FOr Deletion */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", markedfordeletion) top 1px center / 13px;
        }
    }

    &[data-publication-status="modified"] {
        /* Modified */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", modified) top 1px center / 13px;
        }
    }

    &[data-publication-status="multipleWF"] {
        /* Multiple WF */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", multipleWF) top 1px center / 13px;
        }
    }

    &[data-publication-status="notpublished"] {
        /* Not Published */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", notpublished) top 1px center / 13px;
        }
    }

    &[data-publication-status="oneWF"] {
        /* One WF */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", oneWF) top 1px center / 13px;
        }
    }

    &[data-publication-status="published"] {
        /* Published */
        &::before {
            background: url( _icon("tick", "white")) no-repeat _color("status", published) top left / 18px; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 7 */
        }
    }

    &[data-publication-status="unpublished"] {
        /* Unpublished */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", unpublished) top 1px center / 13px;
        }
    }

    &[data-publication-status="waiting"] {
        /* Waiting */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", waiting) top 1px center / 13px;
        }
    }

    &[data-publication-status="workinprogress"] {
        /* Work In Progress */
        &::before {
            background: url( _icon("warning", "white")) no-repeat _color("status", workinprogress) top 1px center / 13px;
        }
    }
}

div.x-jahia-root > div.app-container div.action-toolbar.edit-menu-topright table tbody tr td table tr td.x-toolbar-cell, /* OPTIMISE SELECTOR ::: css/app/edit-contribute/_menu-items.scss ::: 4 */
div.x-jahia-root {
    table.toolbar-item-publishone.action-bar-tool-item,
    table.toolbar-item-preview.action-bar-tool-item {
        display: block !important;
    }
}


.action-bar-tool-item.edit-menu-publication {
    position: fixed;
    left: auto!important;
    top: 18px !important;
    right: 51px;
    background: url(../images/expanded-white.png) no-repeat center center hsla(210, 5%, 40%, 1); /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 8 */
    background-size: 15px;
    width: 25px;
    height: 28px;
    transition: _transition("all", "quickest");
    border-radius: 0 4px 4px 0;
    background-color: _color("tertiary", a);

    &:hover {
        background-color: _color("tertiary", normal) !important;
    }

    .x-btn-mc {
        display: none;
    }

    &::after {
        display: none !important;
    }

    .hover-publish & {
        left: -28px !important;
    }
}

.toolbar-item-publishone.action-bar-tool-item {
    width: auto;
    background-size: 16px;
    height: 22px;
    left: auto !important;
    top: 18px !important;
    right: 47px;
    position: fixed;
    margin-right: 30px !important;
    padding: 3px 10px 3px 29px;
    border-radius: 4px 0 0 4px;
    transition: _transition("all", "quickest");
    background-color: _color("tertiary", a);
    background-position: center left 9px;

    &:hover {
        background-color: _color("tertiary", normal);
    }

    &::after {
        content: _dictionary("context_menu_publication_page");
        display: block;
        font-family: "Nunito Sans", sans-serif;
        font-size: 13px !important;
        color: _color("white") !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        top: 3px;
        position: relative;
    }

    .x-btn-mc {
        display: none;
    }


    body[data-multiselect="on"] & {
        &::after {
            content: _dictionary("context_menu_publication_selection");
        }
    }

    box-sizing: inherit;
}

.toolbar-item-publishone.x-item-disabled {
    background-color: #DADADA;
    pointer-events: none;
}


// Workflow Button
.contribute-menu-workflow {
    position: fixed !important;
    right: 218px;
    top: 21px;

    background-position: top left !important;
    padding-left: 25px;

    > tbody {
        display: none;
    }

    &::before {
        top: -4px !important;
        left: 12px !important;
    }

    &::after {
        line-height: 23px;
        font-size: 11px !important;
        opacity: 1 !important;
    }

}

// Should not be neccessary as they wont even exist, but for dev purposes I need to remove it
.edit-menu-workflow,
.toolbar-item-showtrashboard {
    display: none;
}

.edit-menu-workflow,
.contribute-menu-workflow {
    background: url(../images/icons_light/workflow.svg) no-repeat top center / 23px 23px;
    position: relative;
    margin-right: 10px !important;

    .x-viewport-contributemode & {
        margin-right: 0px !important;

        &::after {
            font-weight: 300 !important;
            opacity: 0.9 !important;
            font-size: 13px!important;
        }
    }

    body[data-sitesettings="false"][data-indigo-sidepanel-pinned="true"] & {
        background-image: url(../images/icons_grey/workflow.svg)
    }

    &[data-info-count="0"] {

        &::before {
            display: none;
            margin-right: 0 !important;
        }
    }

    &::before {
        position: absolute;
        top: -3px;
        right: -13px;
        border-radius: 100%;
        width: 14px;
        height: 14px;
        font-size: 11px;
        line-height: 15px;
        box-shadow: 1px 1px 1px 0px rgba(38, 38, 38, 0.3);
        @include text(11px, _color("secondary"), _weight("normal"));
        text-align: center;
        content: attr(data-info-count);
        background: _color("status", attention);
    }

    &::after {
        content: _dictionary("workflow");
    }
}

// Tasks Info Bar
.edit-menu-tasks {
    display: none;
}

// Hamburger Button
.editmode-managers-menu {
    position: fixed;
    top: 30px;
    width: 56px;
    height: 56px;
    left: 29px;
    z-index: $ZINDEX--HAMBURGER_MENU---BUTTON;
    display: _theme($SIDE-PANEL--HAMBURGER---DISPLAY);

    background: url(../images/logos/dx_logo_solid-white.png) no-repeat center; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 10 */
    background-size: 56px;
    margin-top: 0;
    opacity: 0.99 !important;
    transition: _transition("all", "quick");

    body[data-indigo-gwt-side-panel="open"] & {
        background: url(../images/logo.png) center; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 11 */
        background-size: 56px;
        margin-left: 5px;
    }

    .x-viewport-contributemode & {
        background-image: url(_theme($CONTRIBUTE--HAMBURGER-ICON, $APP));
    }

    .x-viewport-adminmode & {
        background: url(../images/logo.png) no-repeat center !important; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 12 */
        background-size: 50px !important;
    }

    .x-viewport-contributemode & {
        top: 10px;
        left: 5px;
        height: 42px;

        background-image: url( _icon("dxLogo", "white")) !important; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 13 */
        background-size: 32px 32px !important;
    }

    &:hover {
        opacity: 1 !important;

        &::before {
            left: -4px;

            .x-viewport-adminmode &,
            .x-viewport-dashboardmode & {
                width: 13px;
                left: 53px;

            }
        }
    }

    &::after {
        content: "";
    }

    body[data-INDIGO-GWT-SIDE-PANEL="open"] & {
        background: url(../images/logo.png) center; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 14 */
        background-size: 56px;
    }

    body[data-edit-window-style="settings"] & {
        // display: none!important;
        top: 40px;
        left: 20px;
        background-size: 42px;
        width: 54px !important;
    }

    .x-btn-mc {
        height: 40px !important;
    }
}

// Cache Button
.edit-menu-cache {
    background: url(../images/icons_light/cache.svg) no-repeat top center;
    background-size: 23px 23px;

    body[data-sitesettings="false"][data-indigo-sidepanel-pinned="true"] & {
        background-image: url(../images/icons_grey/cache.svg)
    }

    &::after {
        content: _dictionary("cache");
    }
}

// Trash Button
.toolbar-item-showtrashboard {
    background: url(../images/tabs-trash-white@X2.png) no-repeat top center; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 15 */
    background-size: 23px 23px;

    body[data-sitesettings="false"][data-indigo-sidepanel-pinned="true"] & {
        background-image: url(../images/tabs-trash-black@X2.png); /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 16 */
    }

    &::after {
        content: _dictionary("trash");
    }

    .x-viewport-contributemode & {
        display: none;
        position: fixed;
        right: 210px;
        top: 15px;
    }
}

// Background Jobs Button
.toolbar-item-workinprogressadmin,
.toolbar-item-workinprogress {
    background: url(../images/icons_light/jobs.svg) no-repeat top center;
    background-size: 23px 23px;
    width: auto !important;
    white-space: pre-line;
    text-align: center;

    body[data-sitesettings="false"][data-indigo-sidepanel-pinned="true"] & {
        background-image: url(../images/icons_grey/jobs.svg)
    }

    &::after {
        content: attr(data-indigo-label);
        display: block;
        width: auto !important;
        margin-bottom: 0 !important;
    }

    &[job-in-progress="true"] {
        background-color: _color("quaternary", normal);
    }
}

// Clipboard Button
.toolbar-item-clipboard {
    background: url(../images/icons/clipboard.png) no-repeat top center; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 17 */
    background-size: 20px 20px;
    margin-right: 10px !important;
    margin-left: 0 !important;

    body[data-sitesettings="false"][data-indigo-sidepanel-pinned="true"] & {
        background-image: url(../images/icons/clipboard-grey.png); /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 18 */
    }

    &::after {
        content: _dictionary("clipboard");
    }
}


@keyframes expandManagersMenu {
    from {
        left: -400px;
        opacity: 0;
    }
}

@keyframes fadeManagersMask {
    from {
        opacity: 0;
        width: 100%;
    }
}



div.x-menu.action-bar-menu.menu-editmode-managers-menu { /* OPTIMISE SELECTOR ::: css/app/edit-contribute/_menu-items.scss ::: 5 */

    position: absolute !important;
    height: 100%;
    top: 0 !important;
    width: 400px !important;
    padding: 40px 10px 0 43px;
    background: _color("tertiary", normal) !important;
    opacity: 1;
    left: 0px !important;
    pointer-events: all;
    transition: _transition("all", "quick");
    background-size: 321px !important;
    box-sizing: border-box;
    box-shadow: 0px 0px 12px 1px rgba(20, 20, 21, 0.9);
    animation: expandManagersMenu 0.2s ease-in;
    border: none;

    .x-item-disabled {
        display: none;
    }

    .managers-menu-close {
        width: 321px;
        height: 57px;
        top: 39px;
        border: none;
        background: url(../images/full-logo-white.png) no-repeat center center; /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 19 */
        background-size: 321px;
        margin-bottom: 30px;
        text-indent: -50000px;

        &:hover {
            cursor: pointer;
        }
    }

    .managers-menu-mask {
        position: fixed;
        right: 0px;
        top: 0;
        width: calc(100% - 400px);
        height: 100%;
        background: rgba(80, 78, 77, 0.85);
        pointer-events: all;
        animation: fadeManagersMask 0.2s ease-in;
    }

    .x-menu-list {
        .x-menu-list-item {
            float: left;
            margin: 0 20px 10px 0;
            position: relative;
            width: 89px;
            height: 89px;
            background-size: 40px;
            transition: _transition("all", "quick");

            &.x-menu-item-active {
                background: transparent;

                .x-menu-item {
                    background: rgba(245, 245, 245, 0.19);
                }
            }

            &:first-child {
                // Logout button
                position: absolute;
                bottom: 13px;
                height: auto;
                width: auto;
                right: 20px;
                margin: 0;

                &.x-menu-item-active {
                    .x-menu-item {
                        background-color: transparent;
                        opacity: 1;
                    }
                }

                .x-menu-item {
                    position: relative;
                    bottom: 0;
                    font-size: 14px;
                    background: url(../images/logout.svg) no-repeat left center;
                    background-size: 16px;
                    padding: 2px 0 0 18px !important;
                    box-sizing: border-box;
                    opacity: 0.8;

                    .x-menu-item-icon {
                        display: none;
                    }
                }
            }

            .x-menu-item {
                background: transparent;
                padding: 63px 0 10px 0 !important;
                font-size: 12px;
                color: whitesmoke;
                text-align: center !important;
                position: absolute;
                top: 0;
                width: 100%;
                box-sizing: border-box;
                word-wrap: break-word;
                white-space: normal;

                .x-menu-item-icon {
                    display: block;
                    width: 40px;
                    height: 40px !important;
                    position: absolute;
                    top: 15px;
                    left: 23px !important;
                }
            }
        }

    }

    .footer {
        position: absolute;
        bottom: 0;
        background: rgba(245, 245, 245, 0.14);
        width: 100%;
        left: 0px;
        padding: 10px 20px;
        box-sizing: border-box;

        .user {
            color: whitesmoke;
            font-size: 14px;
            font-weight: 100;

            span {
                font-weight: 600;
            }
        }
    }

    // Highlight the selected app button
    &[data-indigo-current-app="contentmanager"] .toolbar-item-contentmanager,
    &[data-indigo-current-app="dashboard"] .toolbar-item-start,
    &[data-indigo-current-app="edit"] .toolbar-item-edit,
    &[data-indigo-current-app="admin"] .toolbar-item-admin,
    &[data-indigo-current-app="contribute"] .toolbar-item-contribute {
        background-color: #f26d4f !important;
    }

    // Customize icon based on current app
    &[data-indigo-current-app="contentmanager"] .managers-menu-close,
    &[data-indigo-current-app="contribute"] .managers-menu-close,
    &[data-indigo-current-app="edit"] .managers-menu-close {
        background-image: url(../images/full-logo-white-jcontent.png); /* OPTIMISE URL ::: css/app/edit-contribute/_menu-items.scss ::: 20 */
    }
}

@media only screen and (max-height: 600px) {
    div.x-menu.action-bar-menu.menu-editmode-managers-menu { /* OPTIMISE SELECTOR ::: css/app/edit-contribute/_menu-items.scss ::: 6 */
        width: 490px !important;

        .managers-menu-mask {
            width: calc(100% - 490px)
        }
    }
}

@media only screen and (max-height: 480px) {
    div.x-menu.action-bar-menu.menu-editmode-managers-menu { /* OPTIMISE SELECTOR ::: css/app/edit-contribute/_menu-items.scss ::: 7 */
        width: 600px !important;
        padding: 30px 10px 0 33px;

        .managers-menu-close {
            width: 300px;
            height: 55px;
            margin-bottom: 16px;
            background-size: 291px;
        }

        .managers-menu-mask {
            width: calc(100% - 600px)
        }
    }
}
